<!DOCTYPE  html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Eventaizer</title>
		
		<!-- CSS -->
		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="css/social-icons.css" type="text/css" media="screen" />
		<!--[if IE 8]>
			<link rel="stylesheet" type="text/css" media="screen" href="/css/ie8-hacks.css" />
		<![endif]-->
		<!-- ENDS CSS -->	

		<!-- GOOGLE FONTS -->
		<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
		
		<!-- JS -->
		<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script>
		<script type="text/javascript" src="js/quicksand.js"></script>
		<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
		<script type="text/javascript" src="js/custom.js"></script>
		<!--[if IE]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		
		<!--[if IE 6]>
			<script type="text/javascript" src="js/DD_belatedPNG.js"></script>
			<script>
	      		/* EXAMPLE */
	      		//DD_belatedPNG.fix('*');
	    	</script>
		<![endif]-->
		<!-- ENDS JS -->
		
		
		<!-- Nivo slider -->
		<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
		<script src="js/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script>
		<!-- ENDS Nivo slider -->
		
		<!-- tabs -->
		<link rel="stylesheet" href="css/tabs.css" type="text/css" media="screen" />
		<script type="text/javascript" src="js/tabs.js"></script>
  		<!-- ENDS tabs -->
  		
  		<!-- prettyPhoto -->
		<script type="text/javascript" src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
		<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
		<!-- ENDS prettyPhoto -->
		
		<!-- superfish -->
		<link rel="stylesheet" media="screen" href="css/superfish.css" /> 
		<link rel="stylesheet" media="screen" href="css/superfish-left.css" /> 
		<script type="text/javascript" src="js/superfish-1.4.8/js/hoverIntent.js"></script>
		<script type="text/javascript" src="js/superfish-1.4.8/js/superfish.js"></script>
		<script type="text/javascript" src="js/superfish-1.4.8/js/supersubs.js"></script>
		<!-- ENDS superfish -->
		
		<!-- poshytip -->
		<link rel="stylesheet" href="js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css" />
		<link rel="stylesheet" href="js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
		<script type="text/javascript" src="js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
		<!-- ENDS poshytip -->
		
		<!-- Tweet -->
		<link rel="stylesheet" href="css/jquery.tweet.css" media="all"  type="text/css"/> 
		<script src="js/tweet/jquery.tweet.js" type="text/javascript"></script> 
		<!-- ENDS Tweet -->
		
		<!-- Fancybox -->
		<link rel="stylesheet" href="js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
		<script type="text/javascript" src="js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
		<!-- ENDS Fancybox -->
		
		<!-- SKIN -->
		<link rel="stylesheet" href="skins/plastic/style.css" type="text/css" media="screen" />

	</head>
	
	<body class="">
	
	
	<!-- WRAPPER -->
	<div id="wrapper">
		
		<!-- HEADER -->
		<?php
		include 'header.inc.php';
		?>		
		<!-- ENDS HEADER -->
		
		<!-- MAIN -->
		<div id="main">
			
			<!-- content -->
			<div id="content">
				
				
				
				<!-- filter -->
				<ul class="filter">
					<li>Categorias</li>
		    		<li><a href="#" > Sociales </a></li>
		    		<li class="active"><a href="#" > Culturales </a></li>
		    		<li><a href="#" > Deportivos </a></li>
		    		<li><a href="#" > Bares  </a></li>
		    	</ul>
				<!-- ENDS filter -->
				
				<!-- Eventos -->
				<div id="projects-list">
					
					
					
					<!-- evento -->
					<div class="project">
						<h1><a href="view.php">Startup Weekend Zacatecas</a></h1>
						
						<!-- shadow -->
						<div class="project-shadow">
							<!-- project-thumb -->
							<div class="project-thumbnail">
								
								<!-- meta -->
								<ul class="meta">
									<li><span id="fechita"><strong>Fecha</strong> Oct 12, 13 y 14 2012</span></li>
									<li><strong>Hosted by</strong> Staff SWZac</li> 
									<li><strong>Descripcion</strong> Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant 									morbi tristique senectus et netus</li>
								</ul>
								<!-- ENDS meta -->
								
								<a href="view.php" class="cover"><img class="browseimg" src="images/03.jpg"  alt="Feature image" /></a>
							</div>
							<!-- ENDS project-thumb -->
							
								
							<a href="view.php" class="read-more">Mas detalles</a>
						
						</div>
						<!-- ENDS shadow -->
					</div>
					<!-- ENDS evento -->
					
					
					<!-- evento -->
					<div class="project">
						<h1><a href="view.php">Congreso Sinergia 2012</a></h1>
						
						<!-- shadow -->
						<div class="project-shadow">
							<!-- project-thumb -->
							<div class="project-thumbnail">
								
								<!-- meta -->
								<ul class="meta">
									<li><span id="fechita"><strong>Fecha</strong> Oct 26 y 27 2012 </span></li>
									<li><strong>Hosted by</strong> FEITESM</li> 
									<li><strong>Descripcion</strong> Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant 									morbi tristique senectus et netus</li>
								</ul>
								<!-- ENDS meta -->
								
								<a href="view.php" class="cover"><img class="browseimg" src="images/02.jpg"  alt="Feature image" /></a>
							</div>
							<!-- ENDS project-thumb -->
							
								
							<a href="view.php" class="read-more">Mas detalles</a>
						
						</div>
						<!-- ENDS shadow -->
					</div>
					<!-- ENDS evento -->
					
					
					<!-- evento -->
					<div class="project">
						<h1><a href="view.php">Congreso y Campeonato Nacional Charro Zacatecas</a></h1>
						
						<!-- shadow -->
						<div class="project-shadow">
							<!-- project-thumb -->
							<div class="project-thumbnail">
								
								<!-- meta -->
								<ul class="meta">
									<li><span id="fechita"><strong>Fecha</strong> Oct 2012 </span></li>
									<li><strong>Hosted by</strong> Charros</li> 
									<li><strong>Descripcion</strong> Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant 									morbi tristique senectus et netus</li>
								</ul>
								<!-- ENDS meta -->
								
								<a href="view.php" class="cover"><img class="browseimg" src="images/01.jpg"  alt="Feature image" /></a>
							</div>
							<!-- ENDS project-thumb -->
							
								
							<a href="view.php" class="read-more">Mas detalles</a>
						
						</div>
						<!-- ENDS shadow -->
					</div>
					<!-- ENDS evento -->
					
					
					<!-- evento -->
					<div class="project">
						<h1><a href="view.php">Festival Internacional Teatro de la calle</a></h1>
						
						<!-- shadow -->
						<div class="project-shadow">
							<!-- project-thumb -->
							<div class="project-thumbnail">
								
								<!-- meta -->
								<ul class="meta">
									<li><span id="fechita"><strong>Fecha</strong> Oct 5 al 13 2012 </span></li>
									<li><strong>Hosted by</strong> Alguien</li> 
									<li><strong>Descripcion</strong> Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant 									morbi tristique senectus et netus</li>
								</ul>
								<!-- ENDS meta -->
								
								<a href="view.php" class="cover"><img class="browseimg" src="images/04.jpg"  alt="Feature image" /></a>
							</div>
							<!-- ENDS project-thumb -->
							
								
							<a href="view.php" class="read-more">Mas detalles</a>
						
						</div>
						<!-- ENDS shadow -->
					</div>
					<!-- ENDS evento -->
					
					
					<!-- evento -->
					<div class="project">
						<h1><a href="view.php">Julion Alvarez</a></h1>
						
						<!-- shadow -->
						<div class="project-shadow">
							<!-- project-thumb -->
							<div class="project-thumbnail">
								
								<!-- meta -->
								<ul class="meta">
									<li><span id="fechita"><strong>Fecha</strong> Oct 19 2012 </span></li>
									<li><strong>Hosted by</strong> Charros</li> 
									<li><strong>Descripcion</strong> Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant 									morbi tristique senectus et netus</li>
								</ul>
								<!-- ENDS meta -->
								
								<a href="view.php" class="cover"><img class="browseimg" src="images/05.jpg"  alt="Feature image" /></a>
							</div>
							<!-- ENDS project-thumb -->
							
								
							<a href="view.php" class="read-more">Mas detalles</a>
						
						</div>
						<!-- ENDS shadow -->
					</div>
					<!-- ENDS evento -->
					
					<!-- evento -->
					<div class="project">
						<h1><a href="view.php">Rucos Nigth</a></h1>
						
						<!-- shadow -->
						<div class="project-shadow">
							<!-- project-thumb -->
							<div class="project-thumbnail">
								
								<!-- meta -->
								<ul class="meta">
									<li><span id="fechita"><strong>Fecha</strong> Nov 2 2012 </span></li>
									<li><strong>Hosted by</strong> La Ultima Luna</li> 
									<li><strong>Descripcion</strong> Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant 									morbi tristique senectus et netus</li>
								</ul>
								<!-- ENDS meta -->
								
								<a href="view.php" class="cover"><img class="browseimg" src="images/06.jpg"  alt="Feature image" /></a>
							</div>
							<!-- ENDS project-thumb -->
							
								
							<a href="view.php" class="read-more">Mas detalles</a>
						
						</div>
						<!-- ENDS shadow -->
					</div>
					<!-- ENDS evento -->


				</div>
				<!-- ENDS Eventos -->
				

				<!-- pagination -->	
				<div class="clear"></div>
				<ul class='pager'>
					<li class='first-page'><a href='#'>&laquo;</a></li>
					<li><a href='#' >&lsaquo;</a></li>
					<li class='active'><a href='#' >2</a></li>
					<li><a href='#' >3</a></li>
					<li><a href='#'>4</a></li>
					<li><a href='#' >5</a></li>
					<li><a href='#' >6</a></li>
					<li><a href='#' >&rsaquo;</a></li>
					<li class='last-page'><a href='#'>&raquo;</a></li>
				</ul>
				<!-- ENDS pagination -->

			</div>
			<!-- ENDS content -->
			
			<!-- Twitter -->
			<div id="twitter">
				<a href="#" id="prev-tweet"></a>
				<a href="#" id="next-tweet"></a>
				<div id="tweets">
					<ul class="tweet_list"></ul>
				</div>
			</div>
			<!-- ENDS Twitter -->


		</div>
		<!-- ENDS MAIN -->
		
		<!-- FOOTER -->
		<div id="footer">
			
						
			<!-- Bottom -->
			<div id="bottom">
				<a href="contact.php" >Spartan</a> 
				
				<div id="to-top" class="poshytip" title="To top"></div>
				
			</div>
			<!-- ENDS Bottom -->
		</div>
		<!-- ENDS FOOTER -->
	
	</div>
	<!-- ENDS WRAPPER -->
	
	</body>
	
</html>